import "./App.css";

function App() {
  function getTem(type) {
    if (type === 1) {
      return <div>第一个</div>;
    } else if (type === 2) {
      return <div>第二个</div>;
    } else {
      return <div>第三个</div>;
    }
  }

  return (
    <>
      <h2>基础条件渲染</h2>
      <h4>逻辑与运算</h4>
      <div>{true && "hello"}</div>
      <h4>三元运算符</h4>
      <div>{true ? "hello" : "world"}</div>
      <h2>自定义函数</h2>
      <div>{getTem(1)}</div>
      <div>{getTem(2)}</div>
      <div>{getTem(3)}</div>
    </>
  );
}

export default App;
